<template>
  <div class="banner-box">
      <mt-swipe :auto="4000">
        <mt-swipe-item v-for="(item,index) in banner_list" :key="index">
            <img :src="item.image" alt="">
        </mt-swipe-item>
        
        </mt-swipe>
  </div>
</template>

<script>
export default {
    name:'banner',
    data() {
        return {
            banner_list:[]
        }
    },
    mounted(){
        var url='https://www.escook.cn/slides'
        this.$axios.get(url)
        .then(res=>{
            // console.log(res.data);
            this.banner_list=res.data
        })
    }
}
</script>

<style scoped>
    .banner-box{
        width: 100%;
        height: 200px;
    }
    .banner-box img{
        width: 100%;
        height: 100%;
    }
</style>